<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>订单管理</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <link rel="shortcut icon" href="image/favicon.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
    <link rel="stylesheet" href="css/light7.min.css">
    <link rel="stylesheet" href="./css/public.css?v=201812102">
    <link rel="stylesheet" href="./css/order-list.css?v=201812102">
    <style type="text/css">
        .infinite-scroll-preloader {
            margin-top:-20px;
        }
    </style>
</head>
<body>
<div class="page-group">
    <div class="page">
        <!--工具栏-->
        <nav class="bar bar-tab">
            <a class="tab-item external active"  href="javascript:void(0)" id="dingdan">
                <img class="tab-img" src="./image/dingdan-active.png" id="dingdan_img" width="25" height="25"  alt="">
                <span class="tab-label">订单管理</span>
            </a>
            <a class="tab-item external" href="javascript:void(0)" id="daoke">
                <img class="tab-img" src="./image/daoke.png" alt="" id="daoke-img" width="25" height="25">
                <span class="tab-label">客户管理</span>
            </a>
            <a class="tab-item external" href="javascript:void(0)" id="wode">
                <img class="tab-img" src="./image/wode.png" alt="" id="wode-img" width="25" height="25">
                <span class="tab-label">个人中心</span>
            </a>
        </nav>
        
        <!-- 这里是页面内容区 -->
        <div class="content infinite-scroll" data-distance="100">
            <div   style="position:fixed;width:100%;background-color: white ; z-index: 999999999999000000000000;">
                <div class="positon_fixed buttons-tab" id="order_type">
                    <a href="#tab1" class="tab-link active button" data="1" id="t1">待接单</a>
                    <a href="#tab2" class="tab-link button" data="2" id="t2">配送中</a>
                    <a href="#tab3" class="tab-link button" data="3" id="t3">已完成</a>
                </div>

            </div>
            <!-- content应该拥有"pull-to-refresh-content"类,表示启用下拉刷新 -->
            <div class="list-block" style="margin-top:2.1rem;">
                <div class="content-block">
                    <div class="tabs">
                        <div id="tab1" class="tab active">
                            <div class="content-block ">
                                <div class="dingdan-pull" id="dingdan_pull_one"></div>
                            </div>
                        </div>
                        <div id="tab2" class="tab">
                            <div class="content-block">
                                <div class="dingdan-pull" id="dingdan_pull_two"></div>
                            </div>
                        </div>
                        <div id="tab3" class="tab">
                            <div class="content-block">
                                <div class="dingdan-pull" id="dingdan_pull_three"></div>
                            </div>
                        </div>
                    </div>
                    <!-- 加载提示符 -->
                    <div class="infinite-scroll-preloader">
                        <div class="preloader"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--待接单-->
<script  id="order" type="text/html">
    {{each data value}}
    <div class="order-content" data="{{value.id}}" id="list_{{value.id}}">
        <div class="dingdan-top">
            <img class="logo" src="image/logo.png" alt="">
            <div class="dingdan-midel">
                <p>{{$imports.shop_name}}</p>
                <p>{{value.created_at}}</p>
            </div>
        </div>
        <!--主体-->
        <div class="positon_button">
            {{each  value.order_goods goods }}
                <div class="dingdan-center">
                    <img class="center-img" src="{{goods.goods_img}}" alt="">
                    <div class="dingdan-mid">
                        <p class="dingdan-midp">{{goods.goods_name}}</p>
                        <P class="dingdan-midp"> ￥{{goods.goods_price}} <span class="mid-span"> x {{goods.goods_num}}</span>
                        </P>
                    </div>
                </div>
            {{/each}}
            <button class="button-dingdan" data="{{value.id}}">接单</button>
        </div>

        <div class="address">

            <p class="dingdan-p">收货地址：{{value.buyer_address}}</p>
            {{if value.description.length>0}}
            <p class="dingdan-p remark">备注说明：{{value.description}}</p>
            {{/if}}
        </div>
    </div>
    {{/each}}
</script>

<!--配送中-->
<script  id="take_inRoad" type="text/html">
    {{each data value}}
    <div class="order-content" data="{{value.id}}">
        <div class="dingdan-top">
            <img class="logo" src="image/logo.png" alt="">
            <div class="dingdan-midel">
                <p>{{$imports.shop_name}}</p>
                <p>{{value.created_at}}</p>
            </div>
        </div>
        <!--主体-->
        {{each  value.order_goods goods }}
            <div class="dingdan-center">
                <img class="center-img" src="{{goods.goods_img}}" alt="">
                <div class="dingdan-mid">
                    <p class="dingdan-midp">{{goods.goods_name}}</p>
                    <P class="dingdan-midp"> ￥{{goods.goods_price}} <span class="mid-span"> x {{goods.goods_num}}</span>
                    </P>
                </div>
            </div>

        {{/each}}

        <div class="address">
            <p class="dingdan-p">收货地址：{{value.buyer_address}}</p>
            {{if value.description.length>0}}
            <p class="dingdan-p remark">备注说明：{{value.description}}</p>
            {{/if}}
        </div>
    </div>
    {{/each}}
</script>

<!--已完成-->
<script  id="done_inRoad" type="text/html">
    {{each data value}}
    <div class="order-content" data="{{value.id}}">
        <div class="dingdan-top">
            <img class="logo" src="image/logo.png" alt="">
            <div class="dingdan-midel">
                <p>{{$imports.shop_name}}</p>
                <p>{{value.created_at}}</p>
            </div>
        </div>
        <!--主体-->
        {{each  value.order_goods goods }}
        <div class="dingdan-center">
            <img class="center-img" src="{{goods.goods_img}}" alt="">
            <div class="dingdan-mid">
                <p class="dingdan-midp">{{goods.goods_name}}</p>
                <P class="dingdan-midp"> ￥{{goods.goods_price}} <span class="mid-span"> x {{goods.goods_num}}</span>
                </P>
            </div>
        </div>
        {{/each}}
        <div class="address">
            <p class="dingdan-p">收货地址：{{value.buyer_address}}</p>
            {{if value.description.length>0}}
            <p class="dingdan-p remark">备注说明：{{value.description}}</p>
            {{/if}}
        </div>
    </div>
    {{/each}}
</script>
<script src="./js/jquery-3.2.1.min.js"></script>
<script src="./js/light7.js"></script>
<script src="./js/art-template.js"></script>
<script src="./js/config.js?v=201812102"></script>
<script src="./js/commen.js?v=201812102"></script>
<script src="./js/order-list.js?v=201812102"></script>
</body>
</html>
